<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品信息编辑_1</title>
    <link rel="stylesheet" href="../utils/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <script src="../utils/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <script src="../JS/jquery-3.4.1.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" 
    integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" 
    crossorigin="anonymous"></script>
    <link rel="stylesheet" 
    href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" 
    integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" 
    crossorigin="anonymous">
    <style>
        
        @media(max-width:765px)
        /* 在特定的分辨率下设置特定的css样式 */
        {
            div{
            background: blue;
            }
        }
        #wid{
            height: 26px;
        }
        input[type="radio"]{
            height: 20px;
            width: 20px;
        }
        .lh{
            height: 20px;
            font-size: 15px;
            line-height: 20px;
        }
    </style>
</head>
<body>
    <div class="container-1">
        <div class="row">
            <div class="col-md-6">
                <label>商品名</label> <br>
                <input type="text" class="col-md-11"  placeholder="商品名">
            </div>
            <div class="col-md-6">
                <label>商品分类</label> <br>
                <div class="dropdown">
                  <input type="text" class="col-md-11">  <button data-toggle="dropdown" class="dropdown-toggle">
                    <span class="caret"></span></button>
                    <ul class="dropdown-menu col-md-11">
                      <li><a href="##">全部</a></li>
                      <li><a href="##">水果类</a></li>
                      <li><a href="##">肉禽类</a></li>
                      <li><a href="##">男装</a></li>
                      <li><a href="##">女装</a></li>
                      <li><a href="##">童装</a></li>
                      <li><a href="##">运动鞋类</a></li>
                      <li><a href="##">悠闲类</a></li>
                      <li><a href="##">家具类</a></li>
                      <li><a href="##">鞋帽类</a></li>
                      <li><a href="##">电子类</a></li>
                      <li><a href="##">软件类</a></li>
                      <li><a href="##">家电类</a></li>
                      <li><a href="##">鞋子</a></li>    
                    </ul>
                     </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-6">
                <label>热门商品</label><br>
                <div class="lh">
                    <label class="checkbox-inline">
                        <input type="checkbox" id="inlineCheckbox1" value="option1">热门商品
                      </label>
                      <label class="checkbox-inline">
                        <input type="checkbox" id="inlineCheckbox2" value="option2">非热门商品
                      </label>
                      <label class="checkbox-inline">
                        <input type="checkbox" id="inlineCheckbox3" value="option3">全部
                      </label>
               </div>
            </div>
            <div class="col-md-6">
                <label>状态</label> <br>
                <div class="dropdown">
                  <input type="text" class="col-md-11">  <button data-toggle="dropdown" class="dropdown-toggle">
                    <span class="caret"></span></button>
                    <ul class="dropdown-menu col-md-11">
                      <li><a href="##">全部</a></li>
                      <li><a href="##">已上架</a></li>
                      <li><a href="##">已下架</a></li>
                    </ul>
                     </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-6">
                <label>更新日期</label><br>
                <input type="text" class="col-md-11">
            </div>  
            <div class="col-md-6">
                <label></label><br>
                <input type="text" class="col-md-11">
            </div>  
        </div>
        <div class="row">
            <div class="float-md-left">
            <button type="button" class="btn btn-success">添加</button>
            <button type="button" class="btn btn-success">查询</button>
            <button type="button" class="btn btn-success">重置</button>
        </div>
        </div>
    </div>
    <div class="container-2" style="margin-top: 100px;">
        <div class="dropdown">
            <input type="text" class="col-md-1">  <button data-toggle="dropdown" class="dropdown-toggle">
              <span class="caret"></span></button>
              <ul class="dropdown-menu col-md-1">
                <li><a href="##">1</a></li>
                <li><a href="##">2</a></li>
                <li><a href="##">3</a></li>
                <li><a href="##">4</a></li>
                <li><a href="##">5</a></li>
                <li><a href="##">6</a></li>
                <li><a href="##">7</a></li>
                <li><a href="##">8</a></li>
                <li><a href="##">9</a></li>
              </ul>
               </div>
    <table class="table">
        <div class=""></div>
        <tr>
            <td>商品名</td>
            <td>商品分类</td>
            <td>商品概要说明</td>
            <td>店内价格</td>
            <td>市场价格</td>
            <td>数量</td>
            <td>热门商品</td>
            <td>状态</td>
            <td>更新</td>
            <td>更新者</td>
            <td>操作</td>
        </tr>
        <tr>
            <td><input type="text" value="缤咕果园 海南红心火龙果6斤装大概7个" style="background:none;  width: 300px; outline:none;  border:0px;"></td>
            <td><input type="text" value="水果类" style="background:none; outline:none; border:0px;width: 100px;"></td>
            <td><input type="text" value="" style="background:none;outline:none; border:0px;width: 200px; "></td>
            <td> <input type="text" value="79.9" style="background:none;outline:none; border:0px;width: 100px; "></td>
            <td><input type="text"value="130.0" style="background:none;outline:none; border:0px;width: 100px; "></td>
            <td><input type="text" value="1996" style="background:none;outline:none; border:0px;width: auto; "></td>
            <td><input type="text" value="是" style="background:none;outline:none; border:0px;width: auto; "></td>
            <td><input type="text" value="已上架" style="background:none;outline:none; border:0px;width: auto; "></td>
            <td><!-- 获取时间节点，当前节点--></td>
            <td><input type="text" value="admit" style="background:none;outline:none; border:0px;width: auto; "></td>
            <td><button>编辑</button></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td> <input type="text" value="缤咕果园 海南红心火龙果6斤装大概7个"></td>
            <td><input type="text" value="水果类"></td>
            <td><input type="text" value=""></td>
            <td> <input type="text" ></td>
            <td><input type="text"value="130.0"></td>
            <td><input type="text" value="1996"></td>
            <td><input type="text" value="是"></td>
            <td><input type="text" value="已上架"></td>
            <td><!-- 获取时间节点，当前节点--></td>
            <td><input type="text" value="admit"></td>
            <td><button>编辑</button></td>
        </tr>
    </table>
    </div>
</body>
</html>